@charset "utf-8";

body{ font:0.75em 'microsoft yahei'; color:#353535;}
a{ text-decoration:none; color:#353535;}
a:hover{ text-decoration:none;}

/*bg*/
.bg1{ background-color:#ececec;}

/*container*/
#container{ width:100%; max-width:640px; min-width:320px; margin:0 auto;}

/*footer*/
#footer{ padding:2.3% 2.65%; background-color:#3a4148;}
#footer nav{ margin-bottom:3%; opacity:0.7;}
#footer .copyRight{ font-family:Arial; opacity:0.57;}

/*goToTop*/
.goToTop{ display:inline-block; width:2.9em; height:2.9em; text-indent:-9999px; background:url(../img/topBg.png) no-repeat; background-size:29em 17.5em; right:1.9%; top:21%;}
.goToTop11{ background-position:0 0;}
.goToTop12{ background-position:-2.9em 0;}
.goToTop13{ background-position:-5.8em 0;}
.goToTop14{ background-position:-8.7em 0;}

.goToTop21{ background-position:0 -2.9em;}
.goToTop22{ background-position:-2.9em -2.9em;}
.goToTop23{ background-position:-5.8em -2.9em;}
.goToTop24{ background-position:-8.7em -2.9em;}

.goToTop31{ background-position:0 -5.8em;}
.goToTop32{ background-position:-2.9em -5.8em;}
.goToTop33{ background-position:-5.8em -5.8em;}
.goToTop34{ background-position:-8.7em -5.8em;}
.goToTop35{ background-position:-11.6em -5.8em;}
.goToTop36{ background-position:-14.5em -5.8em;}
.goToTop37{ background-position:-17.4em -5.84em;}

.goToTop41{ background-position:0 -8.7em;}
.goToTop42{ background-position:-2.9em -8.7em;}
.goToTop43{ background-position:-5.8em -8.7em;}
.goToTop44{ background-position:-8.7em -8.7em;}
.goToTop45{ background-position:-11.6em -8.7em;}
.goToTop46{ background-position:-14.5em -8.7em;}
.goToTop47{ background-position:-17.4em -8.7em;}
.goToTop48{ background-position:-20.3em -8.7em;}
.goToTop49{ background-position:-23.2em -8.7em;}
.goToTop410{ background-position:-26.1em -8.7em;}

.goToTop51{ background-position:0 -11.6em;}
.goToTop52{ background-position:-2.9em -11.6em;}

.goToTop61{ background-position:0 -14.5em;}
.goToTop62{ background-position:-2.9em -14.5em;}
.goToTop63{ background-position:-5.8em -14.5em;}

/*index*/
.menu11{ margin:1.7% 0 0 1.7%;}
.menu11 li{ float:left; margin:0 1.4% 1.4% 0;}
.menu11 li a{ display:block; color:#fff;}
.menu11 li img{ width:22.3%; vertical-align:middle;}
.menu11 li span{ display:inline-block; width:100%; height:1.38em; font-weight:bold; overflow:hidden;}
.menu11 li:nth-child(1){ width:48.3%; background-color:#37CCA3; text-align:center;}
.menu11 li:nth-child(1) a{ height:11.4em;}
.menu11 li:nth-child(1) img{ margin:26% 0 15.5%;}
.menu11 li:nth-child(2){ width:48.9%; background-color:#ff772d;}
.menu11 li:nth-child(2) a{ height:5.5em;}
.menu11 li:nth-child(2) img{ float:left; margin:12% 5% 0 18.6%;}
.menu11 li:nth-child(2) span{ float:left; width:auto; margin-top:15.3%;}
.menu11 li:nth-child(3){ width:48.9%; background-color:#008fef;}
.menu11 li:nth-child(3) a{ height:5.5em;}
.menu11 li:nth-child(3) img{ float:left; margin:12% 5% 0 18.6%;}
.menu11 li:nth-child(3) span{ float:left; width:auto; margin-top:15.3%;}

.menu12{ margin:0 0 0 1.7%;}
.menu12 li{ float:left; margin:0 1.4% 1.4% 0; text-align:center;}
.menu12 li a{ display:block; height:8em; color:#fff;}
.menu12 li img{ vertical-align:middle;}
.menu12 li span{ display:inline-block; width:100%; height:1.38em; font-weight:bold; overflow:hidden;}
.menu12 li:nth-child(1){ width:65.5%;}
.menu12 li:nth-child(1) img{ width:100%; height:100%;}
.menu12 li:nth-child(2){ width:31.7%; background-color:#1e64c6;}
.menu12 li:nth-child(2) img{ width:27.8%; margin:17.5% 0 11.1%;}

.menu13{ margin:0 0 0 1.7%;}
.menu13 li{ float:left; margin:0 1.4% 1.4% 0; text-align:center;}
.menu13 li a{ display:block; height:8em; color:#fff;}
.menu13 li img{ vertical-align:middle;}
.menu13 li span{ display:inline-block; width:100%; height:1.38em; font-weight:bold; overflow:hidden;}
.menu13 li:nth-child(1){ width:31.8%; background-color:#F7415A;}
.menu13 li:nth-child(1) img{ width:29.5%; margin:28.5% 0 11.5%;}
.menu13 li:nth-child(2){ width:32.2%;}
.menu13 li:nth-child(2) img{ width:100%; height:100%;}
.menu13 li:nth-child(3){ width:31.8%; background-color:#d148e0;}
.menu13 li:nth-child(3) img{ width:29.5%; margin:28.5% 0 11.5%;}

.menu14{ margin:0 0 0 1.7%;}
.menu14 li{ float:left; margin:0 1.4% 1.4% 0; text-align:center;}
.menu14 li a{ display:block; height:8em; color:#fff;}
.menu14 li img{ width:27%; margin:22.5% 0 12.5%; vertical-align:middle;}
.menu14 li span{ display:inline-block; width:100%; height:1.38em; font-weight:bold; overflow:hidden;}
.menu14 li:nth-child(1){ width:31.8%; background-color:#008fef}
.menu14 li:nth-child(2){ width:65.4%; background-color:#f7415a;}
.menu14 li:nth-child(2) img{ width:13.5%; margin:11% 0 6.1%;}

@media screen and (min-width:480px){
	#container{ font-size:18px;}
	#footer{ font-size:18px;}
	#footer .copyRight{ font-size:16px;}
}
@media screen and (min-width:640px){
	#container{ font-size:22px;}
	#footer{ font-size:22px;}
	#footer .copyRight{ font-size:20px;}
}

.ele {
  padding: 20px 10px;
  overflow: hidden;
  font-size: 12px;
  line-height: 1.4;
  position: relative;
  display: block;
}

.ele:after {
  content: "";
  width: 100%;
  height: 1px;
  background-color: #ddd;
  position: absolute;
  left: 0;
  bottom: 0;
  transform: scaleY(.5);
}

.ele img {
  width: 60px;
  height: 60px;
  float: left;
  border-radius: 10px;
  margin-top: 8px;
}

.ele > div {
  overflow: hidden;
  padding-left: 20px;
  text-align: justify;
  color: #6f6f6f;
}

.ele .head {
  font-size: 16px;
  margin-bottom: 5px;
  color: #000;
}

.ele > div > .head span {
  float: right;
  color: #ff973a;
  font-size: 12px;
  line-height: 22px;
  font-weight: bold;
}

/*.box {
  overflow: hidden;
}

.box > div:first-child {
  float: left;
}

.box > div:last-child {
  float: right;
}*/

.description div {
  padding: 0;
}

.description .contact {
  padding: 20px 0;
  text-align: center;
  color: #ccc
}

